var site_url=localStorage.getItem("site_url");

function mainStart(){

	//当前页数
    var pageNo=$('#pageNo').val();
    //总页数
    var total_page=$('#total_page').val();
    //总条数
    var total_rows=$('#total_rows').val();
	// getData();
	//location.href="";
	//分页
    $("#page").paging({
        pageNo: parseInt(pageNo),
        totalPage: parseInt(total_page),
        totalSize: total_rows,
        callback: function(num) {
        }
    })
    var projectId=$("#search_project option:selected").val(); 
    
    var deptId=$("#search_department option:selected").val(); 
    
    var start=$('#search_date_start').val();
    
    var end=$('#search_date_end').val();
    
    var keyword=$('#search_keyword').val();
     
 	var param = {
    	current:pageNo,
     	deptId:deptId==undefined?"":deptId,
     	start:start,
     	end:end,
     	keyword:keyword
 	};
    

    getUserInfo();
	getProject();
	getDataNotice();
	getDataPerson(param);
	getDataChartsSalary(param);
	getDataChartsAge(param);
	getAuditStatus(1);
	getAuditStatus(0);
	countExtra(0);
}
/* 获取用户信息 */
function getUserInfo(){
	layui.use(['element', 'layer'], function() {
	    var layer = layui.layer;
		var userToken=localStorage.getItem("userToken");
		var URL=site_url+"/users/token";
		$.ajax({
		    type: 'GET',
		    url: URL,
		    dataType:"json",
			headers:{'token':userToken},
		    success: function (json) {
		        //保存成功
		        if(json.code==0){
		            $("#admin-name").html("您好，"+json.data.name);
					$("#phone").html("电话，"+json.data.phone);
					$("#company").html("中铁十局");
		        }
		    }
		});
	});
}

function getDataChartsSalary(param){
	
	var URL = site_url+"/salarys";
	var userToken=localStorage.getItem("userToken");
	
	var data ={};
	var name = [];
	$.ajax({
		type:"get",
		url:URL,
		headers:{'token':userToken},
		success:function(json){
			data = json.data;
			for(var i = 0;i<data.length;i++){
				name.push(data[i].name)
			}
			 // 基于准备好的dom，初始化echarts
			var myChart = echarts.init(document.getElementById('charts-salary'));
			option = {
			    tooltip: {//提示框，可以在全局也可以在
			        trigger: 'item',  //提示框的样式
			        formatter: function(value){
						return "部门经理:"+value.data.leader+" 人 <br/>主管： "+value.data.manager+" 人"
					},
			        color:'#000', //提示框的背景色
			        textStyle:{ //提示的字体样式
			            color:"#ddd",
			        }
			    },
			    legend: {  //图例
			        orient: 'horizontal',  //图例的布局：水平，vertical为竖直
			        y: 'bottom',//图例显示在底部
			        data:name,
					type:'scroll',
					itemWidth:15,
					itemHeight:15,
		//	        ['客服部1','安保部','办公保洁部','工程部'],
			        textStyle:{    //图例文字的样式
			            color:'#333',  //文字颜色
			            fontSize:12    //文字大小
			        }
			    },
			    series: [
			        {
			            name:'工资分布',
			            type:'pie', //环形图的type和饼图相同
			            radius: ['30%', '54%'],//饼图的半径，第一个为内半径，第二个为外半径
			            avoidLabelOverlap: false,
			            color:['#ffe048','#69ca34','#ff5f3d','#2c6ed5','#ffc941'],
			            label: {
			                normal: {  //正常的样式
			                    show: true,
			                    position: 'left'
			                },
			                emphasis: { //选中时候的样式
			                    show: true,
			                    textStyle: {
			                        fontSize: '18',
			                        fontWeight: 'bold'
			                    }
			                }
			            },  //提示文字
			            labelLine: {
			                normal: {
			                    show: true
			                }
			            },
			            data:data
			        }
			    ]
			};
			myChart.setOption(option);
		}
	});
}
/* 环形图工龄分布 */
function getDataChartsAge(param){
	
	
	var URL = site_url+"/users/gongling";
	var userToken=localStorage.getItem("userToken");
	
	var data ={};
	var name = [];
	$.ajax({
		type:"get",
		url:URL,
		headers:{'token':userToken},
		success:function(json){
			data = json.data;
			for(var i = 0;i<data.length;i++){
				name.push(data[i].name)
			}
	
			// 基于准备好的dom，初始化echarts
			var myChart = echarts.init(document.getElementById('charts-age'));
			option = {
			    tooltip: {//提示框，可以在全局也可以在
			        trigger: 'item',  //提示框的样式
			        formatter: "{a} <br/>{b}: {c}人 ({d}%)",
			        color:'#000', //提示框的背景色
			        textStyle:{ //提示的字体样式
			            color:"#ddd",
			        }
			    },
			    legend: {  //图例
			        orient: 'horizontal',  //图例的布局：水平，vertical为竖直
			        y: 'bottom',//图例显示在底部
			        data:name,
					type:'scroll',
					itemWidth:15,
					itemHeight:15,
			        textStyle:{    //图例文字的样式
			            color:'#333',  //文字颜色
			            fontSize:12    //文字大小
			        }
			    },
			    series: [
			        {
			            name:'工龄分布',
			            type:'pie', //环形图的type和饼图相同
			            radius: ['30%', '54%'],//饼图的半径，第一个为内半径，第二个为外半径
			            avoidLabelOverlap: false,
			            color:['#159bda','#ff9242','#24c5a4','#f05050','#ffc941'],
			            label: {
			                normal: {  //正常的样式
			                    show: true,
			                    position: 'left'
			                },
			                emphasis: { //选中时候的样式
			                    show: true,
			                    textStyle: {
			                        fontSize: '20',
			                        fontWeight: 'bold'
			                    }
			                }
			            },  //提示文字
			            labelLine: {
			                normal: {
			                    show: true
			                }
			            },
			            data:data
			        }
			    ]
			};
			myChart.setOption(option);
		}
	});
}
/* 项目部赋值 */
function getProject(){
	var URL = site_url+"/depts/all";
	var userToken=localStorage.getItem("userToken");
	$.ajax({
		type:"get",
		url:URL,
		headers:{'token':userToken},
		success:function(data){
			for(var i = 0;i<data.length;i++){
				var gaoji = "";
				var querynames = "";
				if (data[i].type == 1) {
					gaoji = $('<option value="'+data[i].id+'">'+data[i].name+'</option>');
				}else{
					querynames = $('<option value="'+data[i].id+'">'+data[i].name+'</option>');
				}
				
				$("#search_project").append(gaoji);
				$("#search_department").append(querynames);
			}
		}
	});
}
/* 给首页通知公告赋值 */
function getDataNotice(){
	
	var URL = site_url+"/notices/page?size="+9;
	var userToken=localStorage.getItem("userToken");
	$.ajax({
		type:"get",
		url:URL,
		headers:{'token':userToken},
		success:function(json){
			$('#notice-content').html("");
			
			var html="";
			var data = json.data.records;
			for (var i=0;i<data.length;i++) {
				html+='<a style="cursor:pointer;display: block;" onclick="noticeInfo(\''+data[i].id+'\')">';								
				html+='<div class="notice-item">';
				html+='<div class="notice-item-circle"></div>';
				html+='<ul>';
				html+='<li title="'+data[i].theme+'">'+data[i].theme+'</li>';
				html+='</ul>';
				html+='<div class="notice-item-date" >'+data[i].createTime+'</div>';
				html+='</div>';
				html+='</a>';
			}
			$('#notice-content').html(html);
		}
	})
	
}
/* 给首页人员流动赋值 */
function getDataPerson(param){
	
	var URL = site_url+"/users/statistics";
	var userToken=localStorage.getItem("userToken");
	$.ajax({
		type:"get",
		url:URL,
		headers:{'token':userToken},
		success:function(json){
			$('#person-data').html("");
			var html="";
			html+='<table>';
			html+='<tr class="table-top main-div-person-top">';
			html+='<td width="20%">项目名称</td><td width="16%">人员总数</td><td width="16%">在职总数</td><td width="16%">入职总数</td>';
			html+='<td width="16%">离职人数</td><td width="16%">工资金额</td></tr>';
			
			for (var i=0;i<json.length;i++) {
				html+='<a href="#" style="cursor:pointer;display: block;" >';								
				html+='<tr class="person-item-white">';
				html+='<td>'+json[i].deptName+'</td>';
				html+='<td>'+json[i].total+'人</td>';
				html+='<td>'+json[i].onTheJobNum+'人</td>';
				html+='<td>'+json[i].entryNum+'人</td>';
				html+='<td>'+json[i].quitNum+'人</td>';
				html+='<td>'+json[i].salary+'元</td>';
				html+='</tr>';
				html+='</a>';
						
			}
			if(json.length<=0){
				html+='<tr class="item-white">';
				html+='<td colspan="6"><div>暂无数据</div></td>';
				html+='</tr>';
			}
			html+='</table>';
			
			$('#person-data').html(html);
		}
	})
}

function getAuditStatus(result) {
	
	var URL = site_url+"/overtimeapprovals/auditstatus?result="+result;
	var userToken=localStorage.getItem("userToken");
	
	$.ajax({
		type:"get",
		url:URL,
		headers:{'token':userToken},
		success:function(json){
			if (result) {
				$("#matter-deal").text(json.data)
			}else{
				$("#matter-undeal").text(json.data)
			}
		}
	})
}

function countExtra(state){
	var URL = site_url+"/extras/"+state;
	var userToken=localStorage.getItem("userToken");
	
	$.ajax({
		type:"get",
		url:URL,
		headers:{'token':userToken},
		success:function(json){
			$("#matter-unread").text(json.data)
		}
	})
}
/* 搜索功能 */
function search(){
	layui.use(['element', 'layer'], function() {
	    var layer = layui.layer;
	  
		var project=$('#search_project').val();
		var department=$('#search_department').val();
		var date_start=$('#search_date_start').val();
		var date_end=$('#search_date_end').val();
		var keyword=$('#search_keyword').val();
		if(date_start==""){
			layer.alert("请选择开始时间！"+date_start, {icon: 6});
			return;
		}
		if(date_end==""){
			layer.alert("请选择结束时间！"+date_end, {icon: 6});
			return;
		}
		if(date_start>date_end){
			layer.alert("开始时间不能大于结束时间！", {icon: 6});
			return;
		}
		if(keyword.length>10){
			layer.alert("超过字数长度！", {icon: 6});
			return;
		}
		
		var param = {
	    	current:pageNo,
	     	deptId:department==undefined?"":department,
	     	start:date_start,
	     	end:date_end,
	     	keyword:keyword
	 	};
		
		getDataPerson(param);
	});	
}
/* 首页的跳转页面 */
function getMore(type){
	switch(type){
		//重要通知
		case 1:
			admin_info(2);
			window.parent.location.reload();
			location.href="notice.html";
			break;
	}
}
/* 查看页面 */
function closeInfoDiv(){
	$("#infoDiv").hide();
}
/* 重要通知详情 */
function noticeInfo(id){
	var URL=site_url+"/notices";
	var data={
		id:id
	};
	var userToken=localStorage.getItem("userToken");
	$.ajax({
	    type: 'GET',
	    url: URL,
	    dataType:"json",
	    data: data,
	    headers:{'token':userToken},
	    success: function (json) {
			var data=json.data;
			// alert(data.content);
			$("#theme_info").val(data.theme);     
			$("#weight_info").val(data.weight); 
			// document.getElementById("content_edit").value =data.content;
			editorInfo.html(data.content);
			$("#content_info").html(data.content); 
	        //保存成功
	    }
	}); 
	
	$("#infoDiv").show();
}